.layout {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;

    .sider {
        width: 280px;

        .siderItem {
            color: #ccc;
            text-align: center;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            margin: 2px 0;

            &:hover {
                background-color: #00CCFF;
                color: #000;
            }
        }

        .siderActive {
            background-color: #00CCFF;
            color: #000;
        }
    }
}